<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">
<div layout:fragment="content">
    <div class="page-group">
        <div class="page page_chat_index">
            <!--s: 底部导航 -->
            <div th:replace="layout/m_layout::m_nav"></div>
            <!--e: 底部导航 -->
            <div class="page-content">
                <div class="bcui-tab">
                    <div class="bcui-tab-title">
                        <div class="item active" tab="recent">
                            最近联系
                        </div>
                        <div class="item" tab="friend">
                            我的好友
                            <s class="dot hide" bottlecms-notice="friend_apply">
                            </s>
                        </div>
                    </div>
                    <div class="bcui-tab-content">
                        <div class="item infinite-scroll infinite-scroll1 active">
                            <div class="bcui-infinite infinite-chat1" pages-current="1"
                                 pages-src="/m/ajax/center/chat">
                                <div class="chatlist">
                                    <a class="external" href="/m/center/notice">
                                        <div class="item">
                                            <div class="picbox">
                                                <svg class="icon pic" viewBox="0 0 1024 1024" version="1.1"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M401.518933 640l202.717867 150.2464A17.066667 17.066667 0 0 0 631.466667 776.533333V247.466667a17.066667 17.066667 0 0 0-27.221334-13.713067L401.5104 384H187.733333a25.6 25.6 0 0 0-25.6 25.6v204.8a25.6 25.6 0 0 0 25.6 25.6h59.733334v68.266667a25.6 25.6 0 0 0 25.6 25.6h51.2a25.6 25.6 0 0 0 25.6-25.6v-68.266667h51.652266zM0 0h1024v1024H0V0z m684.8512 421.896533C718.088533 445.636267 733.866667 474.939733 733.866667 512c0 37.060267-15.786667 66.363733-49.015467 90.103467a25.6 25.6 0 0 0 29.764267 41.659733C761.019733 610.6112 785.066667 565.9648 785.066667 512s-24.046933-98.6112-70.4512-131.7632a25.6 25.6 0 0 0-29.764267 41.659733z m42.615467-128.034133C806.237867 350.4128 844.8 422.4 844.8 512c0 89.6-38.562133 161.5872-117.333333 218.1376a25.6 25.6 0 1 0 29.866666 41.591467C849.2288 705.749333 896 618.4448 896 512s-46.7712-193.749333-138.666667-259.729067a25.6 25.6 0 1 0-29.866666 41.591467z"
                                                          fill="#FFA500"></path>
                                                </svg>
                                            </div>
                                            <div class="uinfo">
                                                <div class="nickname">系统通知</div>
                                                <div class="conversation" th:text="${bcNotices.words}">
                                                </div>
                                            </div>
                                            <div class="etime" th:text="${#dates.format(bcNotices.createTime,'MM-dd HH:mm')}">
                                            </div>
                                        </div>
                                    </a>
                                </div>


                                <div class="bcui-infinite-list chatlist js-chatlist"></div>
                                <div class="bcui-infinite-preloader" status="more">
                                    <div class="bcui-flow-more"><font>加载更多</font></div>
                                    <div class="bcui-flow-loading"></div>
                                    <div class="bcui-flow-end"><font>没有了～</font></div>
                                    <div class="bcui-flow-nothing"><font>没有找到相关数据！</font></div>
                                </div>
                            </div>
                        </div>
                        <div class="item infinite-scroll infinite-scroll2">
                            <div class="bcui-infinite infinite-chat2 friendlist" pages-current="1"
                                 pages-src="/m/ajax/center/friend/newfriend">
                                <a href="/m/chat/newfriend">
                                    <div class="item">
                                        <div class="picbox">
                                            <i class="icon icon-bottlecms-88"
                                               style="width:1.5rem; height: 1.5rem; vertical-align: middle;overflow: hidden; color: #FFF; background: #090; padding: .2rem;margin:0; display: block; font-size: 1rem; "></i>
                                        </div>
                                        <div class="uinfo">
                                            <div class="nickname">
                                                新的朋友
                                                <s class="dot hide" bottlecms-notice="friend_apply"></s>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <div class="br" style="height: .5rem;"></div>
                                <div class="bcui-infinite-list "></div>
                                <div class="bcui-infinite-preloader" status="more">
                                    <div class="bcui-flow-more"><font>加载更多</font></div>
                                    <div class="bcui-flow-loading"></div>
                                    <div class="bcui-flow-end"><font>没有了～</font></div>
                                    <div class="bcui-flow-nothing"><font>没有找到相关数据！</font></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
    <div th:replace="layout/m_layout::m_top_menu"></div>
    <div th:replace="layout/m_layout::systemJs"></div>
    <script type="text/javascript" src="/m/js/center/chat.js"></script>
</div>
</html>
